/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
/* margin */
.f-mrt10{margin-right: 10px;}
.f-mlt10{margin-left: 10px;}
.f-mtp10{margin-top: 10px;}
.f-mbt10{margin-bottom: 10px;}
.f-mrt20{margin-right: 20px;}
.f-mlt20{margin-left: 20px;}
.f-mtp20{margin-top: 20px;}
.f-mbt20{margin-bottom: 20px;}

/* padding */
.f-ptp10{padding-top: 10px;}
.f-pbt10{padding-bottom: 10px;}
.f-plt10{padding-left: 10px;}
.f-prt10{padding-right: 10px;}
.f-ptp20{padding-top: 20px;}
.f-pbt20{padding-bottom: 20px;}
.f-plt20{padding-left: 20px;}
.f-prt20{padding-right: 20px;}

/* width */
.f-w-full{width: 100%;}
.f-w120{width: 120px;}
.f-w150{width: 150px;}
.f-w200{width: 200px;}
.f-w250{width: 250px;}
.f-w300{width: 300px;}

/* height */
.f-h40{height: 40px;}

/* flex */
.flex{
    display: flex;
}
.flex1{
    flex: 1;
}
.flex-v-center{
    justify-content: center;
}
.flex-h-center{
    align-items: center;
}
.flex-center{
    justify-content: center;
    align-items: center;
}
.flex-space-between{
    justify-content: space-between;
}
.flex-row{
    flex-direction: row;
}
.flex-column{
    flex-direction: column
}
.flex-wrap{
    flex-wrap: wrap;
}
